*{
  padding:0;margin:0;
}
.mui-content{
  background: #fff;
  position: relative;
 
}
body{
  background: #fff!important;
}
li{
  list-style: none;
}

#header{
  position:relative;
  width:100%;
  height:35px;
  /*width:300px;
  height:35px;
  margin:0 auto;*/
}

.iconfont{
  font-size:20px;
  font-weight: bold;
}

#header .icon-fanhui{
  position: absolute;
  left:15px;
  top:20px;
}
#header .icon-caidan{
  position: absolute;
  right:15px;
  top:20px;
}

#header .w_title{
  margin:0 auto;
  width:22px;
  height:32px;
  position: relative;
  top:15px;
}
#header .w_title .c{
  width:5px;
  height:5px;
  border-radius: 100%;
  background:#1f4ba5;
  top:3px;
  left:9px;
  position: absolute;
}
#header .w_title .p{
  position: absolute;
  left:1px;
  top:11px;
  font-size:22px;
  color:#1f4ba5;
}

/*Cart*/
.icon-gengduo{
	position: absolute;
  right:15px;
  top:20px;
}

.cart-content .cart-box{
	width:70px!important;
	height:38px;
	text-align: center;
}
.cart-content .cart-box .p{
	width:100%;
	font-size: 12px!important;
	line-height:25px;
	text-align: center;
	color:#b2b2b2!important;
}

#cart-body ul li .wallet{
	width:90%;
	/*width:300px;*/
	margin:0 auto;
	position: relative;
}

.set-img{
	width:50px;
	height:50px;
	background: #f2f2f2;
    position: absolute;
    top:15px;
    left:0px;
}

.put-info{
	width:130px;
	position:absolute;
	top:15px;
	left:65px;
	
}
.put-info p{
	font-size: 10px;
	line-height:17px;
	color:black;
}
.font-size-s{
	color:#e4e4e4!important;
}
#cart-body{
	width:100%;
	height:370px;
	margin:15px 0 0 0;
}
#cart-body ul li{
	display: block;
	width:100%;
	height:79px;
	border-top:1.5px solid #f2f2f2;
}
#cart-body ul li.last{
	height:62px!important;
	border-bottom:1.5px solid #f2f2f2;
}

.wallet .wid{
	width:20%;
	height:65px;
	position: absolute;
	top:5px;
}

.wallet .bj-bg{
	width:30px;
	height:30px;
	border-radius: 100%;
	background:#1f4ba5;
	color:#fff; 
	text-align: center;
	line-height: 30px;
	position: absolute;
	top:20px;
}

.wallet .bj-bg .icon-bianji{
	font-size: 12px;
}

.wallet  .wid-r{
	left:83%;
	top:15px;
	font-weight: bold;
}
.wallet  .wid-r .big-box p{
	width:100%;
	height: 25px;
	left:0!important;
	text-align: right;
}
.wallet .wid-mid{
	width:60%;
	height:65px;
	position: absolute;
	left:20%;
	top:5px;
}



.jishuqi{

	width:80px;
	height:62px;
	position: absolute;
	top:10px;
	right:0;
}
.jishuqi .big-box {
	width:100%;
	position: relative;
}

.jishuqi .big-box .money{
	position:absolute;
	top:20px;
	left:10px;
	font-size: 12px;
	color:black;
	font-weight:bold;
}

.p-normal{
	color:#b2b2b2!important;
}
.jishuqi .big-box .small-box ul{
    border:1px solid #f2f2f2;
	width:35px;
	height:60px;
	position: absolute;
	right:0;
	top:1px;
	border-radius:3px;
}
.jishuqi .big-box .small-box ul li {
   height:20px!important;
   text-align: center;
   line-height: 20px;
   border:none!important;
   font-size: 10px;
}

.jishuqi .big-box .small-box ul li.color-light{
	color:#b2b2b2;
}

.second-box{
	position: relative;
}
.second-box .num-b1{
	width:80px;
	position: absolute;
	top:15px;
	
}
.second-box .num-b1 p{
	font-size: 10px;
	line-height: 15px;
}
.second-box .num-b1 p span{
    color:#e4e4e4;
    font-size: 14px;
}

.second-box .num-b2{
	position: absolute;
	left:33%;

}
.second-box .num-b2 .big-box{
	width:80px;
	height:60px;
	margin:0 auto;
}
.second-box .w{
	width:33%;
}
.second-box .num-b3{
	position: absolute;
	right:10px;
	width:85px;
	height:70px;
	top:4px;
}

.icon-div-p{
	position: relative;
	height:40px;
	line-height:40px;
	top:15px;
}

.icon-div-p p .iconfont{
	font-size: 12px;
}
.icon-div-p-left{
	position: absolute;
	top:5px;
	left:5px;
	width:30px;
	height:30px;
	border-radius: 100%;
	background:#1f4ba5;
	color:#fff; 
	text-align: center;
	line-height: 30px;
	font-size: 10px;
}
.icon-div-p-right{
	position: absolute;
	top:5px;
	right:5px;
	width:30px;
	height:30px;
	border-radius: 100%;
	background:#b2b2b2;
	color:#fff; 
	text-align: center;
	line-height: 30px;
	font-size: 10px;
}

.d-auto{
	width:90%;
	height:62px;
	position:relative;
	margin:0 auto;
}
.d-auto .all-sub{
	position: absolute;
	top:20px;
	color:black;
	font-size: 12px;
}
.d-auto .all-money{
	width:100%;
	position: absolute;
	top:20px;
	text-align: right;
	font-weight: bold;
	color:black;
}
.cart-footer{
	margin-top: 40px;
}

/*cart底部按钮*/
.content .send{
   margin:13px auto 55px;
   display: block;
   height:39px;
   width:247px;
   border-radius: 30px;
   background:#1f4ba5;
   color:#fff;
   font-size: 10px;

}

/*.footer-position{
	position: fixed;
	width:100%;
	bottom:20px;
}*/
.top-height{
   margin:130px auto 0;
}
.login-part7 .send{
   margin:0 auto 10px;
}

.login-part7 .part7-login-btn{
   background:#fff;
   color:#1f4ba5;
   border:1px solid #1f4ba5;
}




/*categories*/
#header .top-left{
  position: absolute!important;
  left:15px;
  top:20px;
}
#header  .top-right{

	width:65px;
	height:35px;
   position: absolute;
   right:15px;
   top:15px;
}
.top-right-div{
	width:100%;
	position:relative;
}

.top-right-div .i-bags{
	position: relative;
	width:35px;
	height:35px;

}
.top-right-div .i-bags .iconfont{
	position:absolute;
	top:5px;
	left:12px;
}
.top-right-div .i-bags .p-number{
   font-size: 8px;
   width:16px;
   height:16px;
   line-height:16px;
   border-radius: 100%;
   text-align: center;
   line-height:20px;
   color:#fff;
   background: #1f4ba5;
   position: absolute;
   top:2px;
   right:-5px;
}

.top-right-div .i-search{
	position: absolute;
	right:0;
	top:8px;
}

.top-right-div .i-search .iconfont{
	color:#707070!important;
}

.komo-mid{
	width:100%;
	height:250px;
	margin:20px 0 0 0;
}

.komo-mid-auto{
	width:200px;
	margin:0px auto;
	height:250px;

}

.komo-mid-auto .product{
	width:63px;
	height:63px;
	border-radius: 100%;
	background:#1f4ba5;
	text-align: center;
	line-height: 63px;
    position: relative;
    top:40px;
    left:70px;
}

.komo-mid-auto .product .iconfont{
	color:#fff;
	font-size: 28px;
}

.komo-mid-auto .cate-content{
	text-align: center;
	position: relative;
	top:60px;
}

.komo-mid-auto .cate-content .big-size{
	font-size: 16px;
	color:black;
}
.komo-mid-auto .cate-content .small-size{
	line-height:10px;
	font-size: 12px;
	color:#b2b2b2;
}

.komo-mid-auto .click-list{
	width:100%;
	height:10px;
	position: absolute;
	top:275px;
	left:0;
}
.komo-mid-auto .click-list ul{
	width:45px;
	margin:0 auto;
}
.komo-mid-auto .click-list ul li{
	width:5px;
	height:5px;
	border-radius: 100%;
	background:#f2f2f2;
	float: left;
	margin:0px 3px;
}

.cate-footer{
	width:100%;
	background: #f2f2f2;
}

.cate-footer ul li{
	height:125px;
	border-bottom:1px solid #444444;
	position: relative;
}

.cate-footer ul li.border-li1{
	border-bottom:1px solid #e4e4e4;
}
.cate-footer ul li.border-li3{
	border:none;
}

.cate-footer-ul-li .cate-box{
	width:120px;
	height:55px;
    position: absolute;
    top:40px;
    left:15px;
}

.cate-footer-ul-li .cate-box .up{
	line-height: 5px;
	font-size: 10px;
}

.cate-footer-ul-li .cate-box p.black{
	color:black!important;
}

.cate-footer-ul-li  .cate-img{
	width:85px;
	height:75px;
	/*background:#f2f2f2;*/
	position: absolute;
	right:15px;
	top:25px;
}


/*confirmation*/
.cart-box .c-order{
	width:100px;
	height:25px;
	line-height: 25px;
}

.cart-content .confirm-icon{
	font-size:15px;
}

.jindu{
	width:100%;
	height:75px;
	
}

.jd-div-ul{
   position: relative;
}

.jd-div-ul .bg-white{
	width:75%;
	height:6px;
	border:1px solid #f2f2f2;
	background: #fff;
	position: absolute;
	left:13%;
	top:35px;
}

.jd-div-ul .bg-black{
	width:75%;
	height:2px;
	background: #b2b2b2;
	position: absolute;
	left:13%;
	top:37px;
}
.jd-div-ul li{
   float: left;
   height:75px;
   width:25%;
   text-align: center;
}

.confirm-box{
	width:35px;
	height:35px;
	background:#fff;
	border-radius: 100%;
	margin:20px auto;
	position: relative;
    border:1px solid #f2f2f2;

}

.confirm-box .iconfont{
	display: block;
    width:30px;
	height:30px;
	border-radius: 100%;
	background: #b2b2b2;
	position: absolute;
	line-height: 30px;
	top:1.5px;
	left:1.5px;
	font-size: 14px;
}

.rewrite-border{
	border:2px solid #f2f2f2;
}

.rewrite-border .icon-shape11{
	background: #fff;
}

.icon-wihite{
	color:#fff;
}

#confirm-body{
	width:100%;
    /*height:675px;*/
   height:350px;
   overflow:scroll;
}

#confirm-body::-webkit-scrollbar    
{  
    width: 5px;  
    height:0px;     
   background-color:#f2f2f2;
} 

#confirm-body::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);  
   background-color:#b5b1b1;
} 
.confirm-title{
	width:100%;
	height:42px;
	border-top:1.5px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
    position: relative;
}

.confirm-title h3{
	padding:0;
	margin:0;
	height:42px;
	font-size: 12px;
	line-height: 42px;
	text-indent: 20px;
	
}

.confirm-title .editer{
	position: absolute;
	right:20px;
	top:8px;
	color:#1f4ba5;
	font-size: 12px;
}

.confirm-body-ul{
	width:100%;
	position: relative;
}

.confirm-body-ul-li{
	width:94%;
	height:50px;
	border-bottom:1px solid #f2f2f2;
	position: relative;
	left:6%;	

}

.confirm-body-ul-li .box1 {
	position: relative;
}
.confirm-body-ul-li .box1 p{
	font-size: 10px;
}
.box1-left-t{
	color:black;
	position: absolute;
	top:11px;
}

.box1-left-f{
	position: absolute;
	top:27px;
}

.box1-right{
	position: absolute;
	right:20px;
	top:15px;
	
}

.confirm-body-ul-li .box1 .blod{
	color:black;
	font-weight: bold;
}

.confirm-footer{
	width:100%;
	position: fixed!important;
	bottom:0px;
}

/*delivery*/
.belivery-body{
	height: 600px;
}
.confirm-box .deli-icon{
	background: #fff!important;
}
.delivery .footer-position {
	position: absolute!important;
	bottom:0px;
}
.start{
	width:100%;
}
.start ul{
	width:80%;
	height:32px;
	border:1.5px solid #f2f2f2;
	margin:0 auto;
	border-radius:20px;
	position: relative;
}
.start ul li{
	width:46%;
	height:25px;
	float: left;
	text-align: center;
	border-radius: 20px;
	font-size:12px;
	position: absolute;
	line-height: 25px;
}
.start ul .start-ul-li-l{
	top:2px;
	left:3px;
	background: #1f4ba5;
	color:#fff;

}
.start ul .start-ul-li-r{
	top:2px;
	right:3px;
}
.content  .del-form{
	width:80%!important;
	margin:10px auto;
}
.content  .del-form label input{
   height:35px;
   color:#b2b2b2;
   font-size: 12px;
}
.belivery-body .content  .del-form label select{
	height:35px;
	border:1px solid #b2b2b2!important;
	margin: 0 0 15px 0;
	padding:0;
	color:#707070;
	font-size: 12px;
	text-indent: 14px;
	/*-webkit-appearance: push-button;
	white-space: pre;*/
}
.content  .del-form label input.zip{
	width:50%;
   height:35px;
   color:#b2b2b2;
   font-size: 12px;
}
.delivery-footer{
	width:100%;
}

/*filters*/
.filters .p-Done{
   position: absolute;
  right:15px;
  top:15px;
  color:#1f4ba5;
}
.filters #header{
	margin:0 0 15px 0;
}

.filters-div .h3-box{
	height:45px;
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
	margin:0px 0 0 0;
	background: #f2f2f2;
}

.filters-div .h3-box h3{
  /* width:270px;*/
  width:90%;
   height:45px;
   margin:0 auto;
   line-height: 45px;
   position: relative;
   font-size: 12px;
}
.filters-div .h3-box h3 .iconfont{
	position: absolute;
	right:0;
	font-size: 15px;
	color:#b2b2b2;
}

.filters-div .middle .mashu{
	width:270px;
	height:100px;
	margin:0 auto;
}

.filters-div .middle .mashu li{
	float: left;
	width:30px;
	height:30px;
	border:1px solid #f2f2f2;
	margin:15px 8px 0px 0;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	border-radius: 5px;
}

.filters-div .middle .mashu li.li-blue{
	border:1px solid #1f4ba5!important;
}

.filters-ul{
	height:75px!important;
}

.filters-ul li{
	border-radius: 100%!important;
    margin:20px  7px!important;
}
.filters-ul li.li-2{
	background: #b2b2b2;
	color:#fff;
}
.filters-ul li.li-3{
	background: #e4e4e4;
}
.filters-ul li.li-4{
	background: #f2f2f2;
}
.filters-ul li.li-5{
	background: #444444;
}
.filters-ul li.li-6{
	background: #707070;
}


/*搜索框*/

#header .search_tips{
  position: absolute;
  width:100%;
  height:30px;
}
#header .search_tips_a{
  width: 120px;
  height:30px;
  margin:0 auto;
  position: relative;
}
#header .search_tips_a span{
  position: absolute;
  left:0px;top:10px;
}
#header .search_tips_a c{
  position: absolute;
  left:20px;
  top:10px;
  font-size: 12px;
  color:#b2b2b2;
}

#header input.phone_input{
    width:90%;
    margin: 20px auto 0;
    height:40px;
    font-size: 12px;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#header .serach_icon{
  position: absolute;
  top:12px;
  font-size: 12px;
  left:111px;
}

.filters-checkbox{
	background: red;
	position: relative;
}

.filters-checkbox-div{
	width:92%;
	height:35px;
	position: absolute;
	border-top: 1px solid #f2f2f2;
	right:0;	
}

.filters-checkbox-div ul li{
	width:100%;
	height:35px;
	border-bottom:1px solid #f2f2f2;
}

.filters-checkbox-div ul li div{
	line-height: 35px;
	position: relative;
}
.filters-checkbox-div ul li div p{
	font-size: 12px;
}
.filters-checkbox-div ul li div .p2{
	position: absolute;
	right:20px;
	top:0;
}

.fil-footer{
	height: 90px;
	width:90%;
	margin:10px auto 30px;
}
.fil-footer ul li{
	float: left;
	font-size: 12px;
	width:25%;
	text-align: center;
	color:#b2b2b2;
}

.filter-jindutiao{
	width:100%;
	height:6px;
	border:1px solid #f2f2f2;
	position: relative;
	top:30px;
	border-radius: 5px;
}

.filter-jindutiao .jindu-box{
	height:2px;
	width:50%;
	background:#1f4ba5;
	position: absolute;
	top:1px;
	left:10%;
}

.filter-jindutiao .jindu-box .p1{
	width:12px;
	height: 12px;
	border-radius: 100%;
	background: #1f4ba5;
	position:absolute;
	top:-5px;left:0;
}
.filter-jindutiao .jindu-box .p2{
	width:12px;
	height: 12px;
	border-radius: 100%;
	background: #1f4ba5;
	position:absolute;
	top:-5px;right:0;
}

.fil-footer-box{
	width:80%;
	height:30px;
	position: relative;
	top:30px;
}
.fil-footer-box .i1{
   position: absolute;
   top:0;left:15px;
}
.fil-footer-box .i2{
   position: absolute;
   top:0;right:40px;
}
.fil-footer-box .filters-icon p{
	width:45px;
	height:30px;
	border:1px solid #f2f2f2;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	font-size: 12px;
}
.fil-footer-box .filters-icon i{
	font-size: 12px;
	position: relative;
	top:8px;
	left:15px;
	color:#f2f2f2;
}
/*home*/
.home-body{
	width:100%;
	height:210px;
	margin:20px 0 0 0;
}
.komo-mid{
	width:100%!important;
}
.komo-mid-auto .cate-content  p.home-title{
	color:black!important;
	font-weight: bold;
}
.komo-mid-auto .cate-content  p.big-size{
	color:black!important;
	font-size: 20px!important;

}
.click-list .c-l-ul{
	position: fixed;
	bottom:20px;
	left:45%;
	width:70px!important;
}

.click-list .c-l-ul .home-li-blod{
	display: block;
	width:8px!important;
	height:8px!important;
	position:relative;
	top:-2px;
}
.home-box .small-size{
	width:235px;
}
.home-btn{
	height:35px;
	width:100%;
	position: fixed;
	bottom:60px;
}
/*order_accept*/
.order-icon{
	border:1px solid #f2f2f2!important;
}
.order-icon .icon-shape11{
	background: #b2b2b2;
	color:#fff;
}

.order-komo-mid-auto{
	width:100%;
}

.order-box {
	text-align: center;
}

.order-box .describe {
   width:235px;
   text-align: center;
   margin:20px auto;
   text-indent:25px;
}


.order-box .describe  p{
	font-size: 12px;
}
.order-box p{
	margin-bottom:0px!important;
}

.order-box p.p-like{
		color:black;
}

.finish{
	width:100%;
	height:190px;
}

.finish  .finish-div-auto{
	width:130px;
	height:130px;
	background: #1f4ba5;
	margin:10px auto;
	border-radius: 100%;
}

.finish  .finish-div-auto .iconfont{
	display: block;
	width:130px;
	height:130px;
	border-radius: 100%;
	text-align: center;
	line-height: 130px;
	color:#fff;
	font-size: 35px;
}

.set-bg-w{
	background: #fff!important;
	color:#1f4ba5!important;
}

.order-footer div button{
	margin:13px auto!important;
	
}

/*orders*/
.order-icon-caidan{
	font-size: 15px!important;
}

#orders-body .confirm-title{
	height:45px;
	background:#f8f8f8;
}
#orders-body .confirm-title h3{
	height:45px;
	line-height: 45px;
}

#orders-body .confirm-title p{
	top:11px;
}
#orders-ul  li div{
    height:60px;
    position: relative;
}
#orders-ul  li div .box1-left-t{
	color:#b2b2b2;
}
#orders-ul  li div .box1-left-t,#orders-ul  li div .box1-left-m{
	position: absolute;
	top:15px;
}
#orders-ul  li div .box1-left-m{
	width:20%;
	left:40%;
	/*text-align: center;
	width: 100%;*/
}
#orders-ul  li div .box1-left-m span{
	position: relative;
	bottom:2px;
	left:5px;
	
}
#orders-ul  li div  p{
	color:black;
}
#orders-ul  li div .box1-right{
	color:#1f4ba5;
}
.orders-header{
	margin:0 0 15px 0;
}

/*product_page*/
.product-page{
	width:100%;
	text-align: center;
	position: relative;
}
.product-page .cate-content div .turn-right{
	display: block;
	position: absolute;
	left:10px;
	width:35px;
	height:15px;
	font-size: 10px;
	background:#f2f2f2;
  
}

.check-size{
	width:100%;
	height:75px;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}

.check-size .middle{
	width:250px;
	height:40px;
    position: relative;
    top:20px;
    margin:0 auto;
}

.check-size .middle .mashu li{
	float: left;
	display: block;
	width:30px;
	height:30px;
	border:1px solid #f2f2f2;
	margin:0 10px 0 0;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	border-radius: 5px;
}
.check-size .middle .mashu li.li-blue{
	border:1px solid #1f4ba5!important;
}
.check-size .c-div-radius{
	width:160px;
}
.check-size .c-div-radius ul li{
	border-radius: 100%!important;
}
.check-size .c-div-radius ul li.li-2{
	background: #b2b2b2;
	color:#fff;
}
.check-size .c-div-radius ul li.li-3{
	background: #e4e4e4;
}
.check-size .c-div-radius ul li.li-4{
	background: #444444;
}

.add{
	width:100%;
	height:175px;
}

.add .add-auto{
	width:280px;
	height:155px;
	margin:0 auto;
	position: relative;
	top:9px;
}

.add .add-auto .add-num  .add-num-div p{
	width:70px;
	height:30px;
	border:1px solid #f2f2f2;
	line-height: 30px;
	border-radius:3px;
	position:relative;
	text-indent: 10px;
}

.add .add-auto .add-num  .add-num-div p .iconfont{
	position: absolute;
	right:10px;
	font-size: 12px;
}
.add .add-auto .add-num  .add-num-div button{
	width:200px;
	height:32px;
	border-radius: 30px;
	background:#1f4ba5;
	color:#fff; 
	font-size: 12px;
	position: absolute;
	right:0;
	top:0;
}

.add-save{
	width:100%;
}
.add-save button{
	width:100%;
	height:35px;
	border-radius: 30px;
	color:#1f4ba5;
	border:1px solid #1f4ba5;
}
.add-share{
	width:100%;
}
.add-share .add-share-div{
	width:100%;
	height:35px;
	border-radius: 30px;
	border:1px solid #f2f2f2;
	margin:20px 0 0 0;
	position: relative;
}

.add-share .add-share-div .p-left{
	width:175px;
	height:35px;
	line-height: 35px;
	text-indent: 20px;
	position: relative;
	border-right:1px solid #f2f2f2;
	font-size: 10px;
}

.add-share .add-share-div .p-left span{
	font-size: 14px;
}

.add-share .add-share-div .p-right{
	width:70px;
	height:35px;
	line-height: 35px;
	position: absolute;
	top:0;
	right:20px;
}

.add-share .add-share-div .p-right .icon-share{
	font-size: 14px;
}

.product-div{
	width:100%;
	height:45px;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}

.product-div-div ul{
	width:90%;
	height:45px;
	margin:0 auto;
}

.product-div-div ul li{
	float: left;
	font-size: 10px;
	width:25%;
	line-height: 45px;
	text-align: center;
}
.table{
	width:100%;
}
.table .table-ul li{
	width:100%;
	height:35px;
	border-bottom:1px solid #f2f2f2;
	position: relative;

}
.table .table-ul li .p1{
	width:40%;
	height:35px;
	line-height: 35px;
	border-right:1px solid #f2f2f2;
	text-align: center;
}
.table .table-ul li .p2{
	width:60%;
	height:35px;
    line-height: 35px;
	position: absolute;
	top:0;
	right:0;
	text-indent: 20px;
    
}
.table .table-ul li p{
	font-size:12px;
}

/*payment*/
.payment{
	width:100%;
	height:365px;
	/*margin:0 0 10px 0;*/
}

.payment div ul {
	width:100%;
	height:80px;
	position: relative;
}
.payment div ul  .visa-both{
	width:25%;
	/*width:85px;*/
	height:60px;
	border:1px solid #f2f2f2;
	font-weight:bold;
	color:#b2b2b2;
	line-height: 60px;
	position: relative;
	top:10px;

}
.payment div ul  .visa-mid{
	width:40%;
	/*width:130px;*/
	height:75px;
	border:1px solid #f2f2f2;
	font-weight:bold;
	color:#b2b2b2;
	font-size: 20px;
	line-height: 75px;
}

.payment div ul  li{
	text-align: center;
	border-radius:3px;
	float: left;
}
.payment div ul  li.margin-r{
	margin-right:5%;
}

.payment-btn{
	height:35px!important;
}

#scan_card{
	margin:20px 0 0 0;
}
.or{
	width:100%;
	text-align: center;
	font-size: 10px;
	color:#b2b2b2;
}

.payment-form form{
	width:80%;
	margin:0 auto;
	position: relative;
}

.payment-form form label input{
	height:35px;
	font-size: 10px;
}
.payment-form form label p.save-info{
	position:absolute;
	bottom:2px;
	left:20px;
	font-size: 10px;
	color:black;
}

/*.payment-footer{
	width:100%;
	position: fixed;
	bottom:0px;
}*/

.daytime{
	height:35px;
	width:100%;
}
.daytime .auto{
	margin:0 auto;
	width:100%;
	height:35px;
	text-align: left;
	line-height: 35px;
	text-indent: 10px;

}
.daytime .auto .float{
	float: left;
	position: relative;
	border:1px solid #f2f2f2;
	border-radius: 3px;
}
.daytime .auto .float p{
	font-size: 10px;
}
.daytime .auto .float  i{
	position: absolute;
	top:0px;
	right:10px;
	font-size: 10px;
	color:#b2b2b2;
}
.daytime .auto #test2{
	width:31%;
	height:35px;
	margin-right:2%;
}
.daytime .auto #test3{
	width:33%;
	height:35px;
	margin-right:3%;
}
.daytime .auto #test4{
	width:30%;
	height:35px;
}
/*product_sliber*/
.pro-sliber{
	position: relative;
}
.pro-sliber .pro-sliber-one{
	width:100px;
	height:80px;
	position: absolute;
	right:0;
	top:30px;
}

.pro-sliber .pro-sliber-one .sli-box p{
   width:85px;
   height:28px;
   background:#444444;
   font-size: 10px;
   text-align: center;
   line-height: 28px;
   color:#fff;
   border-radius: 3px;
}

.pro-sliber .pro-sliber-one .sli-box .icon-sj{
	position: absolute;
	top:20px;
	color:#444444;
	left:35px;
	font-size: 12px;
}
.pro-sliber .pro-sliber-one  .circle{
	width:30px;
	height:30px;
	border-radius: 100%;
	background: #444;
	position: relative;
	top:0px;
	left:26px;
}
.pro-sliber .pro-sliber-one  .circle p{
	width:15px;
	height:15px;
	border-radius: 100%;
	border:1px solid #fff;
	color:#fff;
	text-align: center;
	line-height: 10px;
	position: absolute;
	top:8px;
	left:7px;
}

.pro-sliber .pro-sliber-two{
	width:100px;
	height:80px;
	position: absolute;
	left:0;
	bottom:0;
}

.pro-sliber .pro-sliber-two  .circle{
	width:30px;
	height:30px;
	border-radius: 100%;
	background: #444;
	position: relative;
	top:0px;
	left:26px;
}
.pro-sliber .pro-sliber-two .circle p{
	width:15px;
	height:15px;
	border-radius: 100%;
	border:1px solid #fff;
	color:#fff;
	text-align: center;
	line-height: 10px;
	position: absolute;
	top:8px;
	left:7px;
}

.sliber-footer .topper{
	width:90%;
	margin:50px auto 0;
	height:45px;
	position: relative;
}
.sliber-footer .topper .left{
	width:130px;
	height:45px;
	position: relative;
}

.sliber-footer .topper .left .supply{
	position: absolute;
	bottom:-2px;
}
.sliber-footer div p{
	font-size: 10px;
}

.sliber-footer .topper .right{
	position: absolute;
	width:50px;
	height:45px;
	right:0;
	top:0;
	text-align: right;
}
.sliber-footer .topper .right .money{
	color:#444!important;
	font-size: 12px;
	font-weight: bold;
}
.sliber-footer .topper .right .icon-new{
	position: absolute;
	bottom:-2px;
	right:0;
	font-size: 12px;
}
.sliber-footer .add{
	height:45px!important;
}

.sliber-auto{
	height:45px!important;
	width:90%!important;
	position: relative;
}
/*.sliber-auto div div button{
	width:115px!important;
	left:100px;
}*/

.btn-auto button{
	width:100px;
	height:30px;
	background:  #1f4ba5;
	border-radius:30px;
	color:#fff;
	margin:0 auto;
	font-size: 10px;
	position: absolute;
	top:0;
	left:35%;
}
.sliber-auto div .p-right{
	width:100px;
	height:35px;
	position:absolute;
	right:0;
	top:0;
}

.sliber-auto div .p-right .p-circle{
	display: block;
	width:30px;
	height:30px;
	border-radius: 100%;
	border:1px solid #f2f2f2;
	text-align: center;
	line-height: 30px;	
}

.p-r-span{
	position: absolute;
	right:0;
	top:0;
}

.sliber-auto div .p-right .span1{
	position: absolute;
	left:33px;
}
.slider-ul-li{
   margin-top:20px;
}
/*.pro-sliber-list{
	width:100%;
	height:30px;
	position: fixed;
	bottom:25px;
}*/

.pro-sliber-list .click-list ul{
	width:50px;
	height:30px;
	position: relative;
	top:0;
}

.pro-sliber-list .click-list ul li{
	display: block;
	width:5px;
	height:5px;
	border-radius: 100%;
	background: #b2b2b2;
	float: left;
	margin:11px 3px;
}

.pro-sliber-list .click-list ul li.big{
	width:8px;
	height:8px;
	position: relative;
	top:-2px;
}

/*product_list*/
.pro-list{
	width:100%;
	height:45px;
	margin:15px 0 0 0;
}
.pro-list  .pro-list-div ul li{
	float: left;
	width:25%;
	border:1px solid #f2f2f2;
	height:45px;
	text-align: center;
	line-height: 45px;
}
.pro-list  .pro-list-div ul li .iconfont{
	font-size:18px;
	color:#b2b2b2;
}

.pro-list  .pro-list-div ul li .icon-shujia{
	color:black;
}
.shujia-li{
	border-bottom:1.5px solid #1f4ba5!important;
}

.list-body div ul li{
	width:50%;
    height:230px;
    border:1px solid #f2f2f2;
    float: left;
}

.list-body div ul li .box{
	width:80%;
	height:195px;
	margin:15px auto;
}

.list-body div ul li.border-none{
	border-top: none;
}
.list-body div ul li .box .titles{
	height:30px;
}
.list-body div ul li .box .titles p{
	height:30px;
	font-size: 12px;
	text-align: center;
	line-height:15px;
}

.list-body div ul li .box .img{
	height:130px;
}

.list-body div ul li .box .footer{
	height:25px;
	position: relative;
	margin:15px 0 0 0;
}
.list-body div ul li .box .footer .icon-new{
	color:#e4e4e4;
}
.list-body div ul li .box .footer p{
	position: absolute;
	top:2px;
	left:30%;
	font-size: 12px;
	color:black;
	font-weight: bold;
}

.loading{
	height:30px;
}
.loading .loading-mid{
	width:110px;
	height:30px;
	margin:15px auto;
	position: relative;
}

.loading .loading-mid .icon-loading{
	position: absolute;
	top:5px;
	left:20px;
}

.loading .loading-mid p{
	position: absolute;
	top:3px;
	left:45px;
}